<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>喜宴</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--rem引用-->
		<script type="text/javascript" src="js/common.js"></script>
		<!--css引用-->
		<link rel="stylesheet" href="css/feast.css" />

		<!--icon引用-->
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_666764_gpj6n6sog1yeewmi.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_666967_j5dm8ezlac3di.css" />
	</head>

	<body>
		<!--开始弹窗-->
		<div class="popupW">
			<!--喜糖效果-->
			<div class="sugar">
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
				<img src="img/sugar.png" />
			</div>

			<!--弹窗-->
			<div class="popupWindow">
				<div class="title">
					<p>欢迎来到____的囍宴</p>
				</div>
				<div class="chooseSeat">
					<p>我要入席</p>
				</div>
				<div class="rank">
					<a href="list.html">查看喜宴排行榜</a>
				</div>
				<div class="application">
					<a href="masterInfor.html">我也要制作我的囍宴</a>
				</div>
				<div class="closePopup"><i class="iconfont icon-cha"></i></div>
			</div>
		</div>

		<!--分享弹窗-->
		<div class="popupW2">
			<div class="popupWindow2">
				<p>为Ta收集更多新婚祝福</p>
				<div class="closePopup"><i class="iconfont icon-cha"></i></div>
			</div>
		</div>

		<!--主页面-->
		<div class="web">
			<div class="text">
				<h3>你哥哥家的囍宴</h3>
			</div>
			<!--主桌-->
			<div class="host" onclick="seatChoose(this)">
				<!--主圆桌-->
				<div class="tablePlus">
					<p>主宾客</p>
				</div>
				<!--主桌椅-->
				<div class="chairPlus"><i class="iconfont icon-wo"></i></div>
				<div class="chairPlus"><i class="iconfont icon-wo"></i></div>
				<div class="chairPlus"><i class="iconfont icon-wo"></i></div>
				<div class="chairPlus"><i class="iconfont icon-wo"></i></div>
				<div class="chairPlus"><i class="iconfont icon-wo"></i></div>
				<div class="chairPlus"><i class="iconfont icon-wo"></i></div>
			</div>
			<!--小圆桌-->
			<div class="guestbox" onclick="seatChoose(this)">
				<div class="guest">
					<!--一号桌-->
					<div class="table">
						<p>第1席</p>
					</div>
					<!--桌椅-->
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
				</div>
			</div>

			<div class="guestbox" onclick="seatChoose(this)">
				<div class="guest">
					<!--二号桌-->
					<div class="table">
						<p>第2席</p>
					</div>
					<!--桌椅-->
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
				</div>
			</div>
			<div class="guestbox" onclick="seatChoose(this)">
				<div class="guest">
					<!--三号桌-->
					<div class="table">
						<p>第3席</p>
					</div>
					<!--桌椅-->
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
				</div>
			</div>
			<div class="guestbox" onclick="seatChoose(this)">
				<div class="guest">
					<!--四号桌-->
					<div class="table">
						<p>第4席</p>
					</div>
					<!--桌椅-->
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
					<div class="chair"><i class="iconfont icon-wo"></i></div>
				</div>
			</div>

			<!--新桌-->
			<div class="newguestbox guestbox" onclick="addnewTab(this)">
				<div class="guest">
					<div class="table">
						<p>+</p>
					</div>
					<div class="chair"><i class="iconfont icon-jiahao"></i></div>
					<div class="chair"><i class="iconfont icon-jiahao"></i></div>
					<div class="chair"><i class="iconfont icon-jiahao"></i></div>
					<div class="chair"><i class="iconfont icon-jiahao"></i></div>
					<div class="chair"><i class="iconfont icon-jiahao"></i></div>
					<div class="chair"><i class="iconfont icon-jiahao"></i></div>
				</div>
			</div>
		</div>
		
				
		<!--选座信息-->
		<div class="seatInfo">
			<p>您已成功入席</p>
			<p class="seatNum"> &nbsp;</p>
		</div>
		
		<!--底部分享框-->
		<div class="sharebox">
			<div class="shareLogo">
				<span>生成囍宴,分享囍事</span>
				<img src="img/shareLogo.png" />
				<div class="yinY"></div>
			</div>
			<div class="indexLogo">
				<a href="index.html"><i class="iconfont icon-fangzi"></i></a>
			</div>
		</div>

		<!--右角音乐键-->
		<div class="musicButton">
			<div class="musicLogo rotateBtn">
				<i class="iconfont icon-icon-test"></i>
				<audio src="audio/Pig8.mp3" controls="controls" preload id="music1" hidden autoplay="autoplay">
			</div>
		</div>

		<!--JS引用-->
		<script src="js/feast.js"></script>
	</body>

</html>